<%@ page language="java" pageEncoding="UTF-8" buffer="64kb"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<%@ include file="/pages/safeai/jsp/common/taglibs.jsp"%>
<%@ include file="/pages/safeai/jsp/common/meta.jsp"%>
<head>
<title>${viewCatalogName} - 锐意网 - 中文最大网上摄影器材商城</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="${ctx}/css/style.css" rel="stylesheet" type="text/css" />
<!-- 
<link href="${ctx}/css/css123321.css" rel="stylesheet" type="text/css" />
-->
<script language="JavaScript" src="${ctx}/js/productWeb/tabar.js"></script>
<script language="JavaScript" src="${ctx}/js/productWeb/sort.js"></script>
<script language="JavaScript" src="${ctx}/js/ScrollPic2.js"></script>
<script language="JavaScript" src="${ctx}/js/jquery.js"></script>
<script language="JavaScript" src="${ctx}/js/s3Slider.js"></script>
<script language="JavaScript" src="${ctx}/script/shop/deatails.js"></script>
<script type='text/javascript' src='${ctx}/dwr/interface/EvaluateService.js'></script>
<script type='text/javascript' src='${ctx}/dwr/engine.js'></script>
<script type='text/javascript' src='${ctx}/script/shop/productnotify.js'></script>

<script language="JavaScript">

	var imgUrl=new Array();
	var imgUrlcc=new Array();
	
	var adNum=1;
	var cc=1;
	
	imgUrlcc[1]="${ctx}${product.image1}";
	imgUrlcc[2]="${ctx}${product.image2}";
	imgUrlcc[3]="${ctx}${product.image3}";
	
	for (i=1;i<=3;i++) {
		if( (imgUrlcc[i]!="/Prj4RYNEW")) {
			imgUrl[cc] = imgUrlcc[i];
			cc++;
		} else {
			continue;
		}
	}
	
	var count=0;
	
	
	for (i=1;i<=3;i++) {
		if( (imgUrlcc[i]!="/Prj4RYNEW")) {
			count++;
		} else {
			continue;
		}
	}
	
	//imgUrl.sort();

	
	var key=0;
	
	
	function nextAd2(){
		if(adNum<count){
			adNum++;
		}else{
			adNum=1;
		}
		document.getElementById("afacwwef").src = imgUrl[adNum];
	}
	
	function prondAd(){
		if(adNum>1){
			adNum--;
		}
		else{
			adNum=count;
		}
		document.getElementById("afacwwef").src = imgUrl[adNum];	
	}
	
</script>


</head>
<body>
<div class="bg">
<div class="bg_inside" style="float:none;">
<div class="head">
	<%@ include file="/pages/safeai/jsp/shop/header.jsp"%>
</div>
<div class="middle">
<div class="bread" style="float:none">您所在的位置：首页 > ${viewCatalogName}> ${product.name}</div>
<div class="deatails_title" style="float:none">${product.name}</div>
<div class="deatails_content" style="float:none">
<div class="deatails_content_left">
<div class="deatails_brand_logo"><img
	src="${ctx}/Brand_image/${product.brandId}.jpg" /border="0"></div>
<div style="width: 300px; margin: 0px auto">
<div id="slider1">
<ul id="slider1Content">
	<li>
		<img src="${ctx}${product.image1}" alt="" / width="300px" height="300px"> <span class="left"></span>
	</li>
</ul>
</div>
</div>
<div
	style="width: 300px; text-align: center; float: left; padding-left: 20px">
		<a href="#seemorepic"><img src="${ctx}/images/seemorepic.jpg" /border="0" /></a>
	</div>
<div
	style="width: 340px; text-align: center; margin: 20px 0px; padding: 0px; float: left">
	<a href="javaScript: void(0);" style="cursor: hand" onClick="document.execCommand('print');" class="text_ad">
		<img src="${ctx}/images/icon/deatails_print.jpg" /border="0" /> 
	打印此页面</a>
	<a href="mailto:yourfriendemai@**.***" class="text_ad"><img src="${ctx}/images/icon/deatails_letter.jpg" /border="0" /> 
	介绍给朋友</a> 
	<a href="#" onclick="window.open('${ctx}/front/usermsg.do?method=toAddOffer&productId=${product.id}','','height=560,width=500px,menubar=no, scrollbars=no, resizable=no,location=no, status=no')"
	class="text_ad"><img src="${ctx}/images/icon/deatails_jgjb.jpg"
	/border="0" /> 价格举报</a></div>
</div>
<div class="deatails_content_right">
<ul>
	<li style="color: #5a3e2e">
	<ul>
		<logic:present name="showSearch">
			<logic:iterate id="Search" name="showSearch">
				<li>${Search.key}: ${Search.value[0]}${Search.value[1]}</li>
			</logic:iterate>
		</logic:present>
	</ul>
	</li>
	<li class="deatails_border_tb">
	<ul>
		<li>库存：<bean:message key="status.${product.status}" /></li>
		<li>赠送积分：${product.getPoint}</li>
		<li>产地：${product.area}</li>
		<li>人气：${attentionScore}</li>
		<li>商品编号：${product.code}</li>
		<li>保修：
		<c:if test="${product.attention==1 || product.attention==2 || product.attention==0}">
			<bean:message key="attention.${product.attention}"/>
        </c:if>
        </li>
        <li>保修时间：${product.present}</li>
	</ul>
	</li>
	<li>商品评分：
		<img src="${ctx}/images/icon/star_${score}.jpg">
		<a href="javascript:void(0);" onclick="grade('${USERINFOFRONT.uid}','${product.id}');">我来评分</a>
	</li>
	<logic:notEmpty name="product" property="frees">
		<li>
		<div class="deatails_ltt"><img src="${ctx}/images/zp.jpg"
			/border="0"><span class="zp">赠品：</span></div>

		<div class="deatails_ltt_content"><logic:iterate id="free" name="product" property="frees">
			<div class="deatails_zp" style="height:55px;line-height:18px;overflow:hidden;margin-top:5px;">
			<div class="deatailsbox"><a href="${ctx}/product/productMessage.do?method=shopDeatails&id=${free.id}"><img
				src="${ctx}/product_image/${free.id}_1_50X50.jpg" /border="0" /></a></div>
			<div class="deatailsbox_right" style="margin:0;"><a href="${ctx}/product/productMessage.do?method=shopDeatails&id=${free.id}">${free.name}</a></div>
			</div>
		</logic:iterate></div>
		</li>
	</logic:notEmpty>
	<logic:equal value="1" name="product" property="freeDeliver">
		<li><img src="${ctx}/images/freeshipping.jpg" /border="0">
		<span class="freeshipping">免运费</span></li>
	</logic:equal>
	<li>购买数量：<label><input maxlength="3" id="buyNumber" name="buyNumber" type="text" value="1" /></label> 
	
	<logic:equal value="2" name="product" property="specialType">
		<span style="color: #ff9900">特惠价格：<span class="deatails_price">${product.specialPrice}</span>元</span>
	</logic:equal>
	<logic:notEqual value="2" name="product" property="specialType">
		<span style="color: #ff9900">锐意价：<span class="deatails_price">${product.price}</span>元</span>
	</logic:notEqual>
	</li>
	<li>
	<div class="deatails_button" style="padding-top:5px;"><c:if test="${product.status==1 || product.status==2}"><img
		src="${ctx}/images/deatails_addcart.jpg"  style="cursor: pointer;" onClick="numAddShopCar('${product.id}');" /border="0" />
		</c:if>
	<c:if test="${product.status==0 || product.status==3}">
	<img src="${ctx}/images/products_tongzhi.jpg" style="padding-left:50px" onClick="toProductnotify('${product.id}','${product.name}','${USERINFOFRONT.uid}');" /border="0" />
	</c:if>
	</div>
	<div class="deatails_button"><img
		src="${ctx}/images/deatails_fenqi.jpg" style="cursor: pointer;" onClick="fenqi();" /border="0" /></div>
	<div class="deatails_tongzhi"><a href="${ctx}/front/favorite.do?method=addFavorite&productId=${product.id}"><img src="${ctx}/images/fav.jpg"
		/border="0" /></a></div>
	<div class="deatails_tongzhi"><a href="javaScript:void(0)" onclick="javaScript:window.open('${ctx}/price/pricenotifyMessage.do?method=toAdd&productId=${product.id}','','height=534,width=448px,menubar=no, scrollbars=no, resizable=no,location=no, status=no')"><img
		src="${ctx}/images/salesoff.jpg" /border="0" /></a></div>
	</li>
</ul>
</div>
<div class="clearAll"></div>
</div>
<logic:present name="mainList">
<div class="suits_title" style="float:none;"></div>
	<logic:iterate id="ChildProduct" name="mainList">
		<div class="suits" style="float:none;">
		<div class="suits_top" style="font-size:0;line-height:0;"><img src="${ctx}/images/suits_top.jpg" /></div>
		<div class="suits_middle">
		<div class="suits_middle_left">
			<div style="width: 648px;">
				<logic:present name="ChildProduct" property="childs">
				<div class="boxassc"><a href="${ctx}/product/productMessage.do?method=shopDeatails&id=${mainProduct.id}" target="_self"> <img
						src="${ctx}/product_image/${mainProduct.id}_1_50X50.jpg" width="50"
						height="50" /border="0"></a>
				</div>
				<logic:iterate id="child" name="ChildProduct" property="childs" indexId="index">
				<div class="plus"></div>
				<div class="boxassc"><a href="${ctx}/product/productMessage.do?method=shopDeatails&id=${child.id}" target="_self"> <img
						src="${ctx}/product_image/${child.id}_1_50X50.jpg" width="50"
						height="50" /border="0"></a>
				</div>
			</logic:iterate>
		</logic:present>
		<div class="clearAll"></div>
		</div>
		
		<div style="width: 748px; float: left; line-height: 23px">
			<a href="${ctx}/product/productMessage.do?method=shopDeatails&id=${mainProduct.id}" target="_blank" class="text_ad">${mainProduct.name}</a>
			<bean:define id="price" value="${mainProduct.price}"/>
			<logic:present name="ChildProduct" property="childs">
				<logic:iterate id="child" name="ChildProduct" property="childs" indexId="index">
					+<bean:define id="price" value="${child.price+price}"/>
					<a href="${ctx}/product/productMessage.do?method=shopDeatails&id=${child.id}" target="_blank" class="text_ad">${child.name}</a>
				</logic:iterate>
			</logic:present>
		</div>
		
		</div>
		
			<div class="suits_middle_right">
				<span style="color: #ff9900">
					立即节省：
					<span class="sheng">
						${price-ChildProduct.price}
					</span>
					元
				</span>
				<br/>
				套装价格：${ChildProduct.price}元<br/>
				<a href="${ctx}/shopping/viewShoppingCart.do?m=addProductForward&id=${ChildProduct.id}">
					<img src="${ctx}/images/suits_addcart.jpg" /border="0"/>
				</a>
			</div>
			
		</div>
		
	</logic:iterate>
	<div class="clearAll"></div>
<div class="suits_bottom" style="font-size:0;line-height:0;float:none;"><img src="${ctx}/images/suits_bottom.jpg" /></div>
</div>
</logic:present>
<logic:notEmpty name="product" property="recommends">
<div class="accessories_title" style="float:none;"></div>
<div align="center" style="width: 970px;margin: 0px; padding: 0px;"><!--滚动图片 start-->
<div class="rollphotos" style="float:none">
<div class=blk_29>
<div class=LeftBotton id=LeftArr></div>
<div class="Cont" id="ISL_Cont_1" style="border-bottom: 1px dashed #ddd; padding-bottom: 10px"><!-- 图片列表 begin -->
<div id="addpicid">
<logic:iterate id="recommend" name="product" property="recommends">
	<div class=box2>
		<A class=imgBorder href="${ctx}/product/productMessage.do?method=shopDeatails&id=${recommend.id}" target=_blank>
		<IMG height=100 alt=""
		src="${ctx}/product_image/${recommend.id}_1_300X300.jpg" width=100
		border=0></A>
	<p><A href="${ctx}/product/productMessage.do?method=shopDeatails&id=${recommend.id}" target=_blank> ${recommend.name}</A></p>
	<p>锐意价:${recommend.price}元</p>
	<p><label> <input type="checkbox" id="recommendCheckbox" name="recommendCheckbox"
		value="${recommend.id}" onclick="ToAddShopCar();" /> </label><A >加入购物车</A>
	</div>
</logic:iterate> <!-- 图片列表 end --></div>
</div>
<div style="mrgin: 0px; text-align: center;"><span>您已选择<span id="recommendNum">0</span>
件商品</span> <a><img src="${ctx}/images/ass_addcart.jpg" onClick="AddShopCar();" /border="0" /style="padding-top: 20px" / style="padding-top:5px"></a>
</div>

<div class=RightBotton id=RightArr></div>
</div>
<script>
onloadlist.push(function(){
	var scrollpics = new scrollPic({
		elFrame : Aiwa.$('#ISL_Cont_1')[0],
		pre : Aiwa.$('#LeftArr')[0],
		next : Aiwa.$('#RightArr')[0]
	});
	scrollpics.init();
});
  </script></div>
<!--滚动图片 end--></div>
</logic:notEmpty>
<div class="description_title" style="float:none"></div>
<div class="description" style="float:none">${product.description1}</div>
<div class="parameter_title" style="float:none"></div>
<div class="description" style="float:none">${product.description2}</div>
<div class="product_pic_title" style="float:none"></div>

<!-- 
<div class="descriptionSeemorepic">
	<div style="width:900px;">
		<div style="width:900px;" align="center">
			<div></div>
			<a name="seemorepic">
				<div style="width:900px;float:left" align="center"> 
					<img src="${ctx}${product.image1}" /name="pic" width="500" height="500"/border="0"  id="pic">
				</div>
			</a>
			<span class="text_ad"><< 上一张</span>│<span class="text_ad">下一张 >></span>
		</div>
	</div>
</div>
-->


<div align="center">
	<!-- 
	<div class="table_1_1_pic">
		<a href="javascript:goUrl()">
			<img style="FILTER: revealTrans(duration=1,transition=5);border-color:black;color:#000000" src="javascript:nextAd()" width="430" height="210" border="0"  name="imgInit"/>
		</a>
	</div>
		-->
	<div>
		<div>
			<img id="afacwwef" src="${ctx}${product.image1}"/>&nbsp;<span id="focustext"></span>
		</div>
		<div>
			<img src="images/news_p.jpg" alt="上一条" width="6" height="17" align="absbottom" />&nbsp;
			<a href="javascript:prondAd()">PREV</a> | <a href="javascript:nextAd2()">NEXT</a>&nbsp;
			<img src="images/news_n.jpg" alt="下一篇" width="6" height="17" align="absbottom" />
		</div>
	</div>
</div>


<script>
onloadlist.push(function(){
	var showImages = new  showImg({
		pre : Aiwa.$('div.descriptionSeemorepic span.text_ad')[0],
		next :  Aiwa.$('div.descriptionSeemorepic span.text_ad')[1],
		img : Aiwa.$('div.descriptionSeemorepic img')[0]
	});
	showImages.addImg('${ctx}${product.image1}');
	showImages.addImg('${ctx}${product.image2}');
	showImages.addImg('${ctx}${product.image3}');
	showImages.init();
});
</script>

<div class="package_title" style="float:none"></div>
<div class="description" style="float:none">${product.description3}</div>
<div class="service_title" style="float:none"></div>
<div class="description" style="float:none">${product.service}</div>
<div class="qa_title" style="float:none;height:auto;text-align:left;">
	<c:import url="/frontMyMessage.jsp"></c:import>
</div>
<input type="hidden" id="pid" value="${product.id}"/>
<div class="description" style="float:none;clear:both;">

<div class="deatailsliulan_title" style="float:none"></div>
<div class="deatails_seen" style="float:none">
<ul style="float:none">
	<logic:present name="newlyLooks">
		<logic:iterate id="newlyLook" name="newlyLooks" indexId="index">
			<li>
				<span><a style="width:100px;height:100px;display:block;" href="${ctx}/product/productMessage.do?method=shopDeatails&id=${newlyLook.value}"><img
					src="${ctx}/product_image/${newlyLook.value}_1_100X100.jpg" /border="0" /></a></span>
				<p><a href="${ctx}/product/productMessage.do?method=shopDeatails&id=${newlyLook.value}">${newlyLook.key}</a></p>
				<logic:equal name="index" value="0">
					<bean:define id="newlyLooksId" value='${newlyLook.value},'/>
				</logic:equal>
				<logic:notEqual name="index" value="0">
					<bean:define id="newlyLooksId" value='${newlyLooksId}${newlyLook.value},'/>
				</logic:notEqual>
			</li>
		</logic:iterate>
	</logic:present>
	<li style="width:0;height:0;padding:0;margin:0;border:0;font-size:0;clear:both;float:none;"></li>
</ul>
</div>
<div
	style="width: 960px; padding: 5px; margin: 5px 0px; text-align: right;">
	<a href="${ctx}/shopping/addToShoppingCart.do?m=addProductForward&productId=${newlyLooksId}" target="shoppingCart"><img src="${ctx}/images/deatails_addcart.jpg" / border="0" /></a></div>
</div>
<div class="clearAll"></div>
<div class="bottom" style="clear:both;margin:0 auto;">
 <%@ include file="/pages/safeai/jsp/shop/bottom.jsp"%>	
 <div class="clearAll"></div>
</div>
</div>
</div>
</body>
</html>
